<template>
  <div class="details">
    <div class="title fc">
      <h2>{{list.Title}}</h2>
    </div>
    <div class="bianqian fc">
      <ul class="fc">
        <li>
          编辑时间： {{list.AddTime}}
        </li>
        <li>
          浏览量: 315
        </li>
        <li>
          作者: 段亮
        </li>
      </ul>
    </div>


    <div class="content">
      <mavon-editor :value="list.Content"  :toolbarsFlag="false" defaultOpen="preview" :subfield="false"/>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        list: ''
      }
    },
    created() {
      this.$axios.$get(`/v1/article/${this.$route.params.id}`).then((con) => {
        this.list = con.data[0]
        console.log(this.list,'list')
      })
    }
  }
</script>

<style lang="scss" scoped>
  .details {
    margin: 30px 0px 30px 30px;
    background-color: #fff;
    padding: 20px;
    .content{
      margin-top: 30px;
    }
  }
</style>
